<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.head{
				background: #3366CC;
			}
			.head a{
				color: white;
			}
			.head h1{
				color:white;
			}
			.content{
				height: 300px;
				background:white;
				padding-top: 10px;
			}
		</style>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<header class="mui-bar mui-bar-nav head">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">借阅详情</h1>
		</header>
		<div class="mui-content">
			<div class="content mui-row">
				<div class="mui-col-sm-6" style="padding-left: 10px;">
					<img class="mui-media-object mui-pull-left" src="images/tushu6.jpg" style="width: 150px;height:150px;;">
				</div>
				<div class="mui-col-sm-6" style="padding-left: 20px;">
					<p>图书编号:123456</p>
					<p>书名:还没开始就结束</p>
					<p>作者:凌伟杰</p>
					<p>出版社:无敌出版社</p>
					<p>分类:吹牛类</p>
				</div>
				<div class="mui-col-sm-12" style="padding-left: 10px;">
					<hr/ style="opacity: 0.4;">
					<p>简介:本书是有著名大师凌伟杰书写，关于怎么，没怎么就没了的故事....</p>
				</div>
				<div class="mui-row">
					<div class="mui-col-sm-4" style="padding-left: 15px;"><p>借阅开始时间:2018-8-30</p></div>	
					<div class="mui-col-sm-4" style="padding-left: 30px;"><p>借阅接受时间:2018-8-30</p></div>	
				</div>
				 <div class="mui-row"><h4 class="mui-text-center" style="color: red;">剩余时间:10天</h4></div>
			</div>
			
			<div class="mui-row mui-pull-right">
				<button type="button" class="mui-btn mui-btn-blue">我要续借</button>
			</div>
		</div>
	</body>

</html>